extends ../layout

block init
  -title = "服务订单"
  -dir = "/html/order/detail"

block body
  #app
    .list
      .address
        b(v-cloak) {{contactor}}  {{mobile}}
        span(:style="{marginTop:'.4rem','color':'gray'}",v-cloak) {{address}}
      div(v-cloak)
        span {{fuwuName}}
        span.red {{getStatus(status)}}
      div(v-for="price in items",v-cloak)
          span.grayColor {{price.name}}
          span {{price.fee}}元
      div
        span 总金额
        span.red_light(v-cloak) {{total}}元
      div.video(v-if="!!video_link",v-cloak)
        button.video_btn(@click="video_btn_click($event)") 隐藏现场视频
        video(width="100%",autoplay="autoplay",muted="true",:src="getVideo(video_link)",@click="video_click")

          | 对不起,您的浏览器不支持HTML5视频播放
      div
        div.btnRed(@click.prevent="cancel",v-if="canCancel") 取消
        div.btnGreen(@click.prevent="pay", v-if="canPay") 支付

